<html>
    <head>
        <!-- 给浏览器看的 -->
        <meta charset="utf-8">
        <!-- 标题 -->
        <title>测试，第三次测试</title>
        <link rel="stylesheet" href="test_3.css">

    </head>
    <body>
        <!-- 1. 行间样式 权重1000-->
        <div style="
            width: 100px;
            height: 100px;
            background-color: red;
        "></div>
        <!-- 2. 页面级css -->
        <!-- 在head加style -->
        <!-- 3. 外部css文件 -->
        <!-- 在head写link，href写引用 -->
        <!-- 选择器 -->
        <!-- 0. !important 权重无限大-->
        <!-- 1. id # 权重100-->
        <div id="only"></div>
        <!-- 2. class . 权重10-->
        <div class="c"></div>
        
        <!-- 2. 属性 [] (相同优先级) 权重10-->
        <!-- 3. 标签 ： 所有标签叫这个的 权重1-->
        <!-- 4. 通配符 ： 所有标签 权重0-->
    </body>
</html>